<html><head><title>Web Socket Client</title></head>  
<body>  
<script type="text/javascript">  
var socket;  
if (!window.WebSocket) {  
    window.WebSocket = window.MozWebSocket;  
}  
// Javascript Websocket Client  
if (window.WebSocket) {  
    socket = new WebSocket("ws://localhost:8080/websocket");  
    socket.onmessage = function(event) {  
        var ta = document.getElementById('responseText');  
        ta.value = ta.value + '\n' + event.data  
    };  
    socket.onopen = function(event) {  
        var ta = document.getElementById('responseText');  
        ta.value = "Web Socket opened!";  
    };  
    socket.onclose = function(event) {  
        var ta = document.getElementById('responseText');  
        ta.value = ta.value + "Web Socket closed";  
    };  
} else {  
    alert("Your browser does not support Web Socket.");  
}  
// Send Websocket data  
function send(message) {  
    if (!window.WebSocket) { return; }  
    if (socket.readyState == WebSocket.OPEN) {  
        socket.send(message);  
    } else {  
        alert("The socket is not open.");  
    }  
}  
</script>  
<h3>Send :</h3>  
<form onsubmit="return false;">  
<input type="text" name="message" value="Hello World!"/><input type="button" value="Send Web Socket Data" onclick="send(this.form.message.value)" />  
<h3>Receive :</h3>  
<textarea id="responseText" style="width:500px;height:300px;"></textarea>  
</form>  
</body>  
</html>  